<!-- //营销管理 -->
<template>
	<view>
		<view class="conts">
			<view class="conts_text">营销运营</view>			
		</view>
		<!-- //选择部分 -->
		<view class="choose_box">
			<view class="box_left">
				<view @click="member()">
					<view class="box_text1">会员</view>
					<view class="box_text2">同步会员权限</view>
				</view>
				<view class="box_pic">
					<image src="/static/mar/vip.png" mode=""></image>
				</view>
			</view>
			<view class="box_right">
				<view>
					<view class="box_text1">优惠券</view>
					<view class="box_text2">发布减满券</view>
				</view>
				<view class="box_pic">
					<image src="/static/mar/yhj.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="choose_box">
			<view class="box_left">
				<view>
					<view class="box_text1">分销</view>
					<view class="box_text2">分销服务项目</view>
				</view>
				<view class="box_pic">
					<image src="/static/mar/fx.png" mode=""></image>
				</view>
			</view>
			<view class="box_right">
				<view>
					<view class="box_text1">建设中</view>
					<view class="box_text2">更多营销玩法</view>
				</view>
				<view class="box_pic">
					<image src="/static/mar/gj.png" mode=""></image>
				</view>
			</view>
		</view>
		<view style="background-color: #F3F3F3;height: 6rpx;"></view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			//去往会员同步
			member(){
				uni.navigateTo({
					url:'./member/index'
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.conts{
		padding: 50rpx 24rpx 38rpx 24rpx;
		border-top: 14rpx solid #F3F3F3;
		// border-bottom: 1rpx solid #F3F3F3;
		.conts_text{
			padding-left: 17rpx;
			border-left: 6rpx solid #00C6C2;			
			font-size: 36rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #000000;
		}
	}
	//选择部分
	.choose_box{
		// padding: 31rpx 40rpx;
		display: flex;
		justify-content: space-between;
		border-top: 1rpx solid #F3F3F3;
		.box_left{
			
			width: 50%;
			height: 175rpx;
			display: flex;
			align-items: center;
			text-align: center;
			justify-content: center;
			border-right: 1rpx solid #F3F3F3;
			.box_text1{
				
				font-size: 36rpx;
				font-family: PingFang;
				font-weight: bold;
				color: #000000;
			}
			.box_text2{
				
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #000000;
			}
			.box_pic{
				width: 80rpx;
				height: 80rpx;
				background: #00C6C2;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
				margin-left: 70rpx;
				image{
					width: 46rpx;
					height: 35rpx;
				
				}
			}
		}
		.box_right{
			width: 50%;
			height: 175rpx;
			display: flex;
			align-items: center;
			text-align: center;
			justify-content: center;
			.box_text1{
				
				font-size: 36rpx;
				font-family: PingFang;
				font-weight: bold;
				color: #000000;
			}
			.box_text2{
				
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #000000;
			}
			.box_pic{
				width: 80rpx;
				height: 80rpx;
				background: #00C6C2;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
				margin-left: 70rpx;
				image{
					width: 46rpx;
					height: 35rpx;
				
				}
			}
		}
	}
</style>